<template>
	<view class="box-bg">
		<uni-nav-bar shadow left-icon="left" right-icon="more" title="详情" />
	</view>
	<view class="uni-flex uni-row" style = "display: flex; flex-flow: row nowrap;margin-top: 15px;margin-left: 20px;margin-right: 20px;margin-bottom: 12px;">
		<uni-icons type="contact" size="34">contact</uni-icons>
		<view class="uni-flex uni-row">
			<h6> 用户名</h6>
			<h6>2020-4-20 16:32</h6>
		</view>	
		<view style="border-style:solid;border-radius: 30px;border: 1px solid #00aaff;width: 38px;padding-left: 3px;padding-right: 3px;margin-left: 120px;
    margin-top: 1px;height: 25px;">
			<text style="font-size: 12px;color: #00aaff;text-align: center">已关注</text>
		</view>
	</view>
	
	<view class="box">
		<uni-title type="h3" style = "align=center;">【XX通知】邦德多伦多国际学院招生宣讲会通知</uni-title>
		<uni-title type="h5">#宣讲会#国际</uni-title>
	</view>
	
	<view class="points" style= "display: flex; flex-flow: row nowrap;border-left-width: 10px;margin-left: 180px;">
		<text style="margin-top: 2px;">评分:</text>
		<image src="../../static/picture/评分.png" style="width: 100px;height: 26px;"></image>
	</view>
	
	<view class="artical"  style="margin-left: 10px;margin-right: 10px;margin-top: 15px;margin-bottom: 10px;">
		<text>《互联网+时代课堂教学新策略》 著作权归作者所有。商业转载请联系作者获 得授权，非商业转载请注明出处。
		 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 著作权归作者所有。商业转载请联系作
		 者获得授权，非商业转载请注明出处。</text>
	</view>
	
	<view style="margin-left: 13px;">
		<image src="../../static/picture/图片.png" style="width: 320px;height: 210px;margin-top: 3px;"></image>
	</view>
	
	<view style="display: flex; flex-flow: row nowrap;margin-left: 85px;margin-top: 10px;">
		<text style="text-align: center;font-size :13px;">查看隐藏内容需要花费</text>
		<text style="color:lightgray;font-size :13px;">10积分...</text>   <!-- 接口 -->
	</view>
	
</template>

<script>
	import uniNavBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue'
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		components:{
			uniNavBar
		}
	}
</script>

<style>
	.box-bg {
		background-color: #F5F5F5;
		padding: 5px 0;
	}
	.box {
		display: block;
		
		}
</style>
